@import './var.scss';

.map-pane {
  background-color: $map-bg;
  border-radius: 4px;
  color: $map-fg;
  user-select: none;
  .pane-heading {
    color: $map-fg;
    background-color: rgba(0, 0, 0, 0.3);
    .pane-tool {
      color: $map-fg;
      i {
        margin-top: -0.2em;
        margin-left: 0.3em;
        cursor: pointer;
        border-radius: 0.7em;
        padding: 0.2em;
      }
      i:hover {
        color: $map-fg;
        // background-color: $map-bg-darker;
        background-color: #000;
      }
    }
  }
  .pane-block {
    padding: 0.25em 0.75em;
    > .row:not(:last-child) {
      margin-bottom: 0.3em;
    }
  }

  hr {
    height: 1px;
    background-color: $map-fg;
    margin: 0.25em 0;
  }
}

.map-border-top {
  border-top: 1px solid $map-fg;
}
.map-border-bottom {
  border-bottom: 1px solid $map-fg;
}
.map-border-left {
  border-left: 1px solid $map-fg;
}
.map-border-right {
  border-right: 1px solid $map-fg;
}

.map-block-header {
  margin-top: 0.75em;
  padding-bottom: 0.2em;
  border-bottom: 1px solid $map-fg;
  margin-bottom: 0.2em;
}

.map-hover {
  border-bottom: 1px solid transparent;
  cursor: pointer;
  &:hover {
    border-bottom: 1px solid $map-fg;
  }
}
